iT邦幫忙

2021 iThome 鐵人賽

DAY 9
1
自我挑戰組

新手全端工程師的職場成長歷程系列 第 9

Day09:程式碼編輯器的實用快捷鍵(1)

  • 分享至 

  • xImage
  •  

一、前言

  VSCode 是微軟開發的文字編輯器,同時支援 Windows、Linux 和 macOS 作業系統且開放原始碼,我自己於2018開始自學一點點 Html 時,是使用線上教學裡推薦的 Atom 。後來因為 VSCode 的工具跟資源較多,入職公司也是使用這套,所以較常使用。這篇主要介紹一些 VSCode 好用的快捷鍵,下一篇再介紹其他擴充之實用功能。

二、VSCode 編打程式碼 常用快捷鍵

  VSCode這邊以 windows 作業系統為例,mac 作業系統僅要將 Ctrl 換成 Command 應該就可以了。因為在公司使用 windows 開發,回家則使用 mac 練習,我習慣開發時使用這些快捷鍵簡短用滑鼠或觸控板控制的時間,久了也順手很多。

項次 指令 用途
1 Ctrl + ` 開啟預設的 Terminal 工具
2 Ctrl + N 開啟編輯器新分頁視窗
3 Ctrl + Shift + N 開啟編輯器的全新視窗
4 Ctrl + S 另存新檔
5 Ctrl + P 快速尋找某個最近打開過的檔案
6 Ctrl + D 搜尋該檔裡某段文字
7 Ctrl + Z 恢復上一個動作
8 Alt + 方向鍵 快速移動某段已選取之文字至想要的位置
9 Ctrl + 方向鍵 快速移動到某單字的頭/尾端
10 Ctrl + Shift + 方向鍵 快速選取某段程式碼
11 Alt + Ctrl + Shift + 方向鍵 快速複製選取的某段程式碼
12 Ctrl + / 將游標停留位置或選取文字變成註解
13 tab 往後(右)縮排
14 Shift + tab 往前(左)縮排
14 F12 把游標停留在某變數上,按下後可跳到定義的行(超方便的功能!)

三、VSCode 面板使用方面快捷鍵

項次 指令 用途
1 Ctrl + + 放大(公開code review時很好用...)
2 Ctrl + - 縮小
3 Ctrl + N 開啟編輯器新分頁視窗
4 Ctrl + Shift + N 開啟編輯器的全新視窗
5 Ctrl + Shift + W 關閉整個編輯器
6 Ctrl + B 開啟/關閉檔案總管

四、結論與自我鼓勵

引用資源:

  這邊只有簡單列一些真的幾乎天天會使用到的指令和快捷鍵,其實大家可以依自己需求去尋找 VSCode 有提供的快捷鍵,我覺得對開發真的幫助良多~我也是就職後,又有多學了幾個,如果你們也有超常用且推薦的,也歡迎留言跟大家分享唷!


本文同步發佈於我的個人網站 Annie Code Life


上一篇
Day08:部門與工程團隊間協作的技巧(下)
下一篇
Day10:程式碼編輯器的實用擴充套件(2)
系列文
新手全端工程師的職場成長歷程30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
kk00915
iT邦新手 4 級 ‧ 2021-09-23 18:43:25

原來除了複製貼上還有那麼多快捷建!!!!

我要留言

立即登入留言